/* 
    Document   : breadcrumb.css
    Created on : 2013/02/16, 11:39:52
    Author     : Kevin
    Description:
        Purpose of the stylesheet follows.
*/

.crumbs4 {  
    display: inline-block;/*block;  */
    /*margin-left: 27px;  */
    padding: 0;  
    padding-top: 10px;   
}  
.crumbs { display: inline-block; padding-left: 1em; margin-bottom:0.5em; }
.crumbs li {  display: inline; }
.crumbs li.first { padding-left: 8px; }
.crumbs li a, .crumbs li a:link, .crumbs li a:visited { color: #666; display: block; float: left; font-size: 12px; margin-left: -13px; padding: 7px 17px 11px 25px; position: relative; text-decoration: none; }

.crumbs li a { background-image: url("#{resource['css:images/bg-crumbs.png']}");  background-repeat: no-repeat; background-position: 100% 0; position: relative; }
.crumbs li a:hover { color: #333; background-position: 100% -48px; cursor: pointer; }
.crumbs li a:active { color: #333; background-position: 100% -96px; }
.crumbs li.first a span { height: 29px; width: 3px; border-left: 1px solid #d9d9d9; position: absolute; top: 0px; left: 0px; }



